 <template>
 <!--按钮 begin-->
 <div style="padding:10px 20px;" class="overflowY">
   <div style="margin-top: 20px;">
     <el-tag>标签一</el-tag>
     <el-tag type="success">标签二</el-tag>
     <el-tag type="info">标签三</el-tag>
     <el-tag type="warning">标签四</el-tag>
     <el-tag type="danger">标签五</el-tag>
   </div>
   <div style="margin-top: 20px;">
     <el-tag closable>标签一</el-tag>
     <el-tag type="success" closable>标签二</el-tag>
     <el-tag type="info" closable>标签三</el-tag>
     <el-tag type="warning" closable>标签四</el-tag>
     <el-tag type="danger" closable>标签五</el-tag>
   </div>
   <div style="margin-top: 20px;">
     <el-tag>默认标签</el-tag>
     <el-tag size="medium">中等标签</el-tag>
     <el-tag size="small">小型标签</el-tag>
     <el-tag size="mini">超小标签</el-tag>
   </div>
   <base-card title="说明">
     <code style="margin-top: 15px;">
       <span style="display: inline-block;width: 100%;">1、由type属性来选择tag的类型</span>
       <span style="display: inline-block;width: 100%;">2、设置closable属性可以定义一个标签是否可移除</span>
       <span style="display: inline-block;width: 100%;">3、额外的尺寸：medium、small、mini，通过设置size属性来配置它们</span>
     </code>
   </base-card>
   <base-card title="HTML">
     <pre><code>  &lt;div style="margin-top: 20px;"&gt;<br>     &lt;el-tag&gt;标签一&lt;/el-tag&gt;<br>     &lt;el-tag type="success"&gt;标签二&lt;/el-tag&gt;<br>     &lt;el-tag type="info"&gt;标签三&lt;/el-tag&gt;<br>     &lt;el-tag type="warning"&gt;标签四&lt;/el-tag&gt;<br>     &lt;el-tag type="danger"&gt;标签五&lt;/el-tag&gt;<br>   &lt;/div&gt;<br>   &lt;div style="margin-top: 20px;"&gt;<br>     &lt;el-tag closable&gt;标签一&lt;/el-tag&gt;<br>     &lt;el-tag type="success" closable&gt;标签二&lt;/el-tag&gt;<br>     &lt;el-tag type="info" closable&gt;标签三&lt;/el-tag&gt;<br>     &lt;el-tag type="warning" closable&gt;标签四&lt;/el-tag&gt;<br>     &lt;el-tag type="danger" closable&gt;标签五&lt;/el-tag&gt;<br>   &lt;/div&gt;<br>   &lt;div style="margin-top: 20px;"&gt;<br>     &lt;el-tag&gt;默认标签&lt;/el-tag&gt;<br>     &lt;el-tag size="medium"&gt;中等标签&lt;/el-tag&gt;<br>     &lt;el-tag size="small"&gt;小型标签&lt;/el-tag&gt;<br>     &lt;el-tag size="mini"&gt;超小标签&lt;/el-tag&gt;<br>   &lt;/div&gt;</code></pre>
   </base-card>
 </div>
 <!--按钮 end-->
</template>

<script>
import BaseCard from '@/components/BaseCard/BaseCard'
export default {
  components: {
    BaseCard
  }
}
</script>

